﻿<html>
<link rel="stylesheet" href='/css/style.css' type='text/css'/>
<script type="text/javascript" src="/js/jq.js"></script>
  <script type="text/javascript">                                         
	 $(document).ready(function() {
	 	$('.addChapterBttn').click(function() {
	 		 $(".addChapter").show('fast');
	 		 $(".addChapterBttn").hide('fast');
	 	});
 	});                                 
 </script>    
<body background="/img/background.jpg">
<div class="centre">
<h2>Главы: </h2>
<form action="test.j" class ="startTest" method=post>
	<table>
<?java 	
	StringBuilder sb = new StringBuilder();
	List<Chapter> chapters = dao.getChapters();
	for (Chapter chapter : chapters) {
	    sb.append("\n<tr><td><a href = \"./chapter.j?id=" + chapter.getId()
		    + "\"> Глава " + chapter.getId() + " - "
		    + chapter.getName()
		    + "</a></td><td><input type=\"checkbox\" name=\"" + chapter.getId()
		    + "\"> </td></tr>");
	}
	sb.append("");
	return sb.toString();?java>
</table>
<hr>
<input type=submit value="Начать тестирование"\> <button  type="button" class="addChapterBttn">Добавить новую главу</button>
</form>
<div class='addChapter' style="display: none;">
		Новая глава:
		<form method="post" action="addnew.j">
			<p>Название:<Br><textarea name="name" cols="40" rows="2"></textarea></p>
			<p>Текст<Br><textarea name="text" cols="85" rows="10"></textarea></p>
 			<p><input type="submit" value="Добавить"><input type="reset" value="Очистить"></p>
 			<input type=hidden name=action value="<?java return Consts.ADD_NEW_CHAPTER; ?java>"/>
		</form>
</div>
<a href="/instruction/instruction.html">Руководство пользователя</a>
</div>
</body><html>